import React from "react";
import { Button, Form, Input } from "antd";
import { PlusOutlined } from "@ant-design/icons";
import Style from "./index.module.scss";

const User = () => {
  const handleClick = (type) => {};
  const handleFinish = (e) => {
    console.log(e);
  };
  return (
    <div className={Style.user}>
      <div className={Style.flexBox}>
        <Button
          type="primary"
          onClick={() => {
            handleClick("add");
          }}
          icon={<PlusOutlined />}
          iconPosition={"end"}
        >
          新增
        </Button>
        <Form
          layout="inline"
          onFinish={(e) => {
            handleFinish(e);
          }}
        >
          <Form.Item name="keyword">
            <Input placeholder="请输入用户名"></Input>
          </Form.Item>
          <Form.Item>
            <Button htmlType="submit" type="primary">
              搜索
            </Button>
          </Form.Item>
        </Form>
      </div>
    </div>
  );
};
export default User;
